<%@ page language="java"  pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>welcome</title>
        <script src=" ../../js/jquery-3.3.1.js"   type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="../../css/bootstrap.css" type="text/css" />
        <script src="../../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

        <style>
            * {
                margin: 0 auto;
                padding: 0;
            }

            #a {
                width: 1000px;
                height: 800px;
                background-image: url(../../img/1.jpg);
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            h1 {
                display: inline-block;
                margin-top: 400px;
                margin-left: 100px;
                width: 800px;
                text-align: center;
                font-size: 45px;
                color: white;
            }

            #b {
                margin-top: 50px;
                width: 150px;
                height: 50px;
                padding-left:20px;
                text-align: center;
                font-size: 25px;
            }
            p{
                color: white;
            }
        </style>
    </head>
    <body>
    <div id="a">
        <h1>Welcome To XXX Hospital's Background System</h1>
        <div id="b">
            <button id="add-btn" type="button" class="btn btn-info btn-lg" data-toggle="modal"
                    data-target="#my-modal">
                regist
            </button><br>
            <p>or</p>
            <button id="add-btn1" type="button" class="btn btn-info btn-lg" data-toggle="modal"
                    data-target="#my-modal1">
                login
            </button>

        </div>
    </div>

    <div class="modal fade" id="my-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h3 class="modal-title" id="myModalLabel">用户注册</h3>
                </div>
                <div class="modal-body">
                    <form id="add-from" action="/manager/regist" method="post">
                        账号：<input type="text"  name="mname" /> <br>
                        密码：<input type="password"   name="password" />
                        <br>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

                    <button type="submit" form="add-from" class="btn btn-primary">注册</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="my-modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h3 class="modal-title" id="myModalLabel1">用户登录</h3>
                </div>
                <div class="modal-body">
                    <form id="add-from1" action="/manager/login" method="post">
                        账号：<input type="text" name="mname" /> <br>
                        密码：<input type="password"  name="password" />
                        <br>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

                    <button type="submit" form="add-from1" class="btn btn-primary">登录</button>
                </div>
            </div>
        </div>
    </div>

    </body>
</html>
